<template>
<div>
   <div id="app" class="body_bj">
    <div class="body_bj_top">
      <router-view/>
    </div>
    <my-footbarlink></my-footbarlink>
  </div>
  <my-footbar></my-footbar>
</div> 
</template>

<script>
//引入组件
import Footbar from '@/components/Footbar';
import FootbarLink from '@/components/FootbarLink';

export default {
  name: "App",
  data() {
    return {};
  },
  components: {
    "my-footbar": Footbar,
    "my-footbarlink":FootbarLink
  }
};
</script>

<style>
html,
body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration:none; 
  color:#444;
  cursor: pointer;
}
a:hover{
  color: #409EFF;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
}
.body_bj {
  background-color: #fff;
  background-image: url(./assets/body/body_pic.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.body_bj_top {
  background-image: url(./assets/body/body_pic_top.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.w_1000 {
  width: 1000px;
  margin: 0 auto;
}
.headeractive{
  color: #fff;
  background-color: #c14102;
}
.content{
  background-color: #fff;
  margin: 20px 0 10px 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  list-style: none;
  padding: 0;
}
</style>
